<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>闪帮官方网站</title>
	<meta name="FlashHelp" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
		integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<link rel="stylesheet" href="assets/css/style.css" />
	<link rel="stylesheet" href="assets/css/responsive.css" />
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>

<body>
	<div id="topBox" class="hero-background">
		<div class="header-container header">
			<a class="logo" href="#"><img alt="#" class="logo" src="assets/images/fl_logo.png" /></a>
			<a href="./assets/flash_help.apk">
				<button class="header-btn"> 下载闪帮0.0.4</button>
			</a>
			<div class="header-right">
				<a class="navbar-item" href="#features" style="text-decoration: none;">应用特点</a>
				<a class="navbar-item" href="#pricing" style="text-decoration: none;">项目详情</a>
				<a class="navbar-item" href="#team" style="text-decoration: none;">我们的团队</a>
			</div>
		</div>
	</div>
	<div id="features" class="features-section">
		<div class="features-container row">
			<h2 class="features-headline" style="color: rgba(60,60,60,1.00)">应用特点</h2>
			<div class="col-sm-4 feature">
				<div class="feature-icon feature-no-display"> <img alt="#" class="feature-img"
						src="assets/images/sc.png"> </div>
				<h5 class="feature-head-text feature-no-display"> 自适应屏幕 </h5>
				<p class="feature-subtext light feature-no-display">通过第三方包对屏幕进行了自适应适配，保证应用在每种尺寸的屏幕上都能正常显示。</p>
			</div>
			<div class="col-sm-4 feature">
				<div class="feature-icon feature-no-display feature-display-mid">
					<img alt="#" class="feature-img" src="assets/images/flutter.png">
				</div>
				<h5 class="feature-head-text feature-no-display feature-display-mid">纯Flutter构建</h5>
				<p class="feature-subtext light feature-no-display feature-display-mid">这是一个完全由Flutter构建的应用，体验60FPS的顺滑。
				</p>
			</div>
			<div class="col-sm-4 feature">
				<div class="feature-icon feature-no-display feature-display-last">
					<img alt="#" class="bullet-img" src="assets/images/f.png">
				</div>
				<h5 class="feature-head-text feature-no-display feature-display-last">卓越的性能</h5>
				<p class="feature-subtext light feature-no-display feature-display-last">
					轻量的安装包与令人惊叹的内存表现。目前在测试阶段，性能优化还不到位，但应用已经能在各种机型上流畅运行。</p>
			</div>
		</div>
	</div>
	<div style="background-color: rgba(240,240,240,1.00)">
		<div style="background-color: rgba(255,255,255,1.00)">
			<div class="white-section row">
				<div class="imac col-sm-6">
					<img alt="#" class="imac-screen img-responsive"
						src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/wyQdzDIDkMNHhGWrHsJC7fYnDw0MuZaHoA*5WA.Hh6o!/r/dL8AAAAAAAAA">
				</div>
				<div class="col-sm-6">
					<div class="white-section-text">
						<div class="imac-section-desc">
							<p class="bold" style="color:rgba(111,111,111,1.00);font-size: 25px">项目背景</p>
							<h4 class=" pricing-section-sub light">
								当前社会处于一个共享时代，共享经济正在蓬勃发展。“共享单车”、“共享汽车”等都是新时代的产物。随着人们的生活节奏越来越快，
								人们可能没有时间去做某件事或是在特定环境下急需一些资源，而另一个人恰好有时间去做这件事或者恰好有这些资源。
								针对这一普遍现象，《闪帮》APP拟通过本软件的接发单平台，利用推送和接受共享任务方式达到共赢的局面。</h4>
							<p class="bold" style="color:rgba(111,111,111,1.00);font-size: 25px;margin-top: 10px">目标用户
							</p>
							<h4 class=" pricing-section-sub light"> 所有用户群体，目前主要为学生群体。</h4>
							<p class="bold" style="color:rgba(111,111,111,1.00);font-size: 25px;margin-top: 10px">使用目的
							</p>
							<h4 class=" pricing-section-sub light"> 《闪帮》APP以“互利、共享、服务”为宗旨，以使人们的生活在某些方面上实现共享并变得方便快捷为终极目的。
							</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="pricing" class="pricing-background">
			<p class="pricing-section-header blod">项目详情</p>
			<h4 class=" pricing-section-sub text-center light">这里将从应用的项目功能、项目框架、项目原型等多方面进行介绍</h4>
			<p class="bold" style="color:rgba(111,111,111,1.00);font-size: 25px;margin-top: 30px;margin-bottom: 30px;">
				项目功能</p>
			<div class="jg">
				<img alt="#"
					src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/8Fjpv*jsZT4psguohEYwJ2cAhrPqaRHv8oee15nNeyk!/r/dL8AAAAAAAAA"
					class="jg-img">
			</div>
			<p class="bold" style="color:rgba(111,111,111,1.00);font-size: 25px;margin-top: 30px;margin-bottom: 30px;">
				项目框架</p>
			<div class="jg">
				<img alt="#"
					src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/q36mGEvt5OwSgMOflNylnyvAGl0SnB8tk1Q24NdqjoU!/r/dAgBAAAAAAAA"
					class="jg-img">
			</div>
			<p class="bold" style="color:rgba(111,111,111,1.00);font-size: 25px;margin-top: 30px;margin-bottom: 30px;">
				部分项目原型</p>
			<div class="container-fluid">
				<div class="row" style="max-width: 1400px;margin: 0 auto;">
					<div class="col-sm-3">
						<img class="yx-style"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/JcMwrDVfErhKtRnNGcXprK5755*xRoZzhomgfcIDpms!/r/dL8AAAAAAAAA" />
					</div>
					<div class="col-sm-3">
						<img class="yx-style"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/tm0GBImN.*yHPsNVn80Y8CcTXhD6hYbxraHi3G*KBTU!/r/dL8AAAAAAAAA" />
					</div>
					<div class="col-sm-3">
						<img class="yx-style"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/jBxBO1*.RmP1xprsNDsT83lnL59J*SDhSbLYIJF9zjM!/r/dMIAAAAAAAAA" />
					</div>
					<div class="col-sm-3">
						<img class="yx-style"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/.hxXzjxSo1K9AripIX8olTTriX5wX0izXvhbybzjhzk!/r/dLgAAAAAAAAA" />
					</div>
				</div>
				<div class="row" style="max-width: 1400px;margin: 0 auto;">
					<div class="col-sm-3">
						<img class="yx-style"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/NHde.rZiEvliIjDZZb2osB9aaRqY5M0dDhs0cK8Qep4!/r/dFQBAAAAAAAA" />
					</div>
					<div class="col-sm-3">
						<img class="yx-style"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/gqHBxXVv0w8DojbC5ABn.xRe.RZMIfGU4gWq9EK4xGA!/r/dFYBAAAAAAAA" />
					</div>
					<div class="col-sm-3">
						<img class="yx-style"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/qP1HTgUmuBVnI4F8.BoLSzV5HSrLBI4q4R4CArh2O*E!/r/dDcBAAAAAAAA" />
					</div>
					<div class="col-sm-3">
						<img class="yx-style"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/1udfpmKKxP3iTJkrwbrHsoXjm9Yos2rqj1.zxQyon4M!/r/dFMBAAAAAAAA" />
					</div>
				</div>
			</div>
			<div class="container" style="background-color: rgba(255,255,255,1.00);width: 100%;text-align: center;">
				<p class="bold" style="color:rgba(142,80,219,1.00);font-size: 25px;margin-top: 30px">应用配色</p>
				<div class="row" style="max-width: 1400px;margin: 0 auto;">
					<div class="color-box col-sm-4">
						<div class="color-item c1"></div>
						<h4 class="font-weight-bold" style="color: rgba(33,150,243,1.00)">主题色FF2196F3</h4>
					</div>
					<div class="color-box col-sm-4">
						<div class="color-item c2"></div>
						<h4 class="font-weight-bold" style="color:rgba(253,168,75,1.00)">次主题色FFFDA84B</h4>
					</div>
					<div class="color-box col-sm-4">
						<div class="color-item c3"></div>
						<h4 class="font-weight-bold" style="color:rgba(255,84,74,1.00)">警告色FFFF544A</h4>
					</div>
				</div>
				<div class="row" style="max-width: 1400px;margin: 0 auto;">
					<div class="color-box col-sm-4">
						<div class="color-item c4"></div>
						<h4 class="font-weight-bold" style="color:rgba(75,75,75,1.00)">标题色FF4B4B4B</h4>
					</div>
					<div class="color-box col-sm-4">
						<div class="color-item c5"></div>
						<h4 class="font-weight-bold" style="color:rgba(128,128,128,1.00)">副标题色FF808080</h4>
					</div>
					<div class="color-box col-sm-4">
						<div class="color-item c6"></div>
						<h4 class="font-weight-bold" style="color:rgba(218,218,218,1.00)">阴影色AADADADA</h4>
					</div>
				</div>
			</div>
			<p class="bold" style="color:rgba(57,57,57,1.00);font-size: 25px;margin-top: 30px">图标(采用Boxicons)</p>
			<div style="width: 100%;background-color: rgba(255,255,255,1.00);">
				<div id="iconsView" class="icons-div"> </div>
			</div>
			<div class="container-fluid preview">
				<p class="bold" style="color: rgba(255,255,255,1.00);font-size: 25px">更多布局预览</p>
				<div class="row" style="max-width: 1400px;margin: 0 auto;">
					<div class="col-sm-4"><img alt="#" class="pre-img"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/PlZ7F9DKnfOSfX8nTQ6N9.m*zCNOiCUSjr1MLbkriWw!/r/dLkAAAAAAAAA">
					</div>
					<div class="col-sm-4"><img alt="#" class="pre-img"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/T5HPrpXqSP*SMEU6i1NYep*tKYSGER1DUD45tjwhfMA!/r/dPQAAAAAAAAA">
					</div>
					<div class="col-sm-4"><img alt="#" class="pre-img"
							src="http://r.photo.store.qq.com/psb?/V14GUp6L4FCDEc/pHpzspCfxWUYdENyUoRy3S5a5pLg.1N5J.ZY6ZTu2Jw!/r/dL8AAAAAAAAA">
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="team" class="team">
		<h2 class="team-section-header light text-center">我们的参赛团队</h2>
		<div class="team-container row"> <a href="http://www.mezjh.com" style="text-decoration: none;">
				<div class="col-sm-4 team-member"> <img alt="#" src="assets/images/01.png">
					<div class="team-member-text">
						<h4 class="team-member-position bold">钟家豪</h4>
						<h5>领队</h5>
						<p class="light">负责应用后台与网络通信</p>
					</div>
				</div>
			</a> <a href="#" style="text-decoration: none;">
				<div class="col-sm-4 team-member"> <img alt="#" src="assets/images/02.png">
					<div class="team-member-text">
						<h4 class="team-member-position bold">范捷</h4>
						<h5>队员</h5>
						<p class="light">负责应用后台与网络通信</p>
					</div>
				</div>
			</a> <a href="http://me.liugl.cn" style="text-decoration: none;">
				<div class="col-sm-4 team-member"> <img alt="#" src="assets/images/03.png">
					<div class="team-member-text">
						<h4 class="team-member-position bold">刘光良</h4>
						<h5>队员</h5>
						<p class="light">负责UI设计与APP编写</p>
					</div>
				</div>
			</a> </div>
	</div>
	<div class="blue-section">
		<h3 class="blue-section-header bold">访问项目地址</h3>
		<h4 class="blue-section-subtext light">这是还在Github上不断更新与完善的Flutter项目。<br />此网站会不定期更新，更多内容会在近期上线。</h4>
		<a href="https://github.com/xSILENCEx/flash_help" class="email-form-div">
			<button type="submit" class="btn submit-btn">项目地址</button>
		</a>
		<div id="newsletter-loading-div"></div>
	</div>
	<div class="footer">
		<p style="text-align: center;color: rgba(255,255,255,1.00);">此域名暂未备案@flashhelp.cn All Rights Reserved</p>
	</div>
	<script src="assets/js/main.js"></script>
	<script src="https://code.jquery.com/jquery-3.2.1.min.js"
		integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
	<script src="assets/js/script.js"></script>
</body>

</html>